问题标题

如何实现拖拽调整行高

问题描述

拖拽单元格底部边框，调整该行的行高

解决方案

option中的rowResizeMode配置可以开启或关闭行高调整功能：

• all: 整列包括表头和 body 处的单元格均可调整列宽/行高
  
• none: 禁止调整列宽/行高
  
• header: 只能在表头处单元调整列宽/行高
  
• body: 只能在 body 单元格调整列宽/行高
  rowResizeType配置控制了调整作用范围：
  
• column/row：默认值，仅调整当前列/行的宽度；
  
• indicator：相同指标列的列宽/行高一并调整；
  
• all：所有列的列宽/行高一并调整；
  
• indicatorGroup：同一组的指标列一并调整，如东北维度值下有两个指标为：销售额和利润，当调整销售额的列宽时，利润列也会进行调整；
  

代码示例

const option = {
  rowResizeType: 'row',
  rowResizeMode: 'all',
  // ......
};
tableInstance = new VTable.PivotTable(document.getElementById(CONTAINER_ID),option);</br>

结果展示

完整示例：https://www.visactor.io/vtable/demo/interaction/resize-row-height

相关文档

行高列宽调整：https://www.visactor.io/vtable/guide/interaction/resize_column_width
相关api：https://www.visactor.io/vtable/option/ListTable#rowResizeMode
github：https://github.com/VisActor/VTable